﻿<!--教材-基础配置 -->
<style>
    .card {
        border: 1px solid #eee;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        width: 140PX;
        padding: 15PX;
    }

        .card:hover {
            box-shadow: 0px 2px 8px #3252f1;
            cursor: pointer;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

    h5 {
        FONT-WEIGHT: 700;
        MARGIN-TOP: 2PX;
    }

    img {
        border-radius: 50%;
    }
</style>
<template>
    <div class="work">
        <div class="main-content ft16 mt10  c666" style="min-height:550px;padding:20px; overflow: auto;">
            <div>
                <div class="col-md-12 mb10">
                    <h4 class="title ft16" style="FONT-WEIGHT: 700; border-left: 3px solid #12b8f6;text-indent: 0.5em;display: inline-block;">教材基础配置</h4>
                </div>
                <div class="col-md-2" v-for="(item, index) in cddata">
                    <div class="thumbnail card" @click="gomenu(item)">
                        <img :src="'/Web/HNJW/img/'+item.img+'.png'" onerror="javascript: this.src = '/ViewV5/JWWeb/img/5.png'" style="height: 80px; width: 80px; display: block; ">
                        <div class="caption text-center" style="padding: 4px;">
                            <h5 v-text="item.mc"></h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 mb10">
                    <h4 class="title ft16" style="FONT-WEIGHT: 700; border-left: 3px solid #12b8f6;text-indent: 0.5em;display: inline-block;">教材选用</h4>
                </div>
                <div class="col-md-2" v-for="(item, index) in cddata1">
                    <div class="thumbnail card" @click="gomenu(item)">
                        <img :src="'/Web/HNJW/img/'+item.img+'.png'" onerror="javascript: this.src = '/ViewV5/JWWeb/img/5.png'" style="height: 80px; width: 80px; display: block; ">
                        <div class="caption text-center" style="padding: 4px;">
                            <h5 v-text="item.mc"></h5>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</template>

<script>
    module.exports = {
        props: [],
        data: function () {
            return {
                cddata: [
                    { url: "", mc: "教材类别", img: "1", gnsm: "",funid:"294",type:"1"  },
                    { url: "", mc: "出版社", img: "2", gnsm: "", funid: "289",type:"1" },
                    { url: "", mc: "教材库", img: "3", gnsm: "", funid: "295",type:"1" },
                    { url: "", mc: "折扣率", img: "4", gnsm: "", funid: "296",type:"1" },
                    { url: "", mc: "权限设置", img: "5", gnsm: "", funid: "332",type:"1" }
                ],
                cddata1: [
                    { url: "/ViewV5/AppPage/QJJW/Vue/JCGL_JYSXG", mc: "教材选用", img: "1", gnsm: "",funid:"",type:"2"},
                    { url: "/web_jxjh/jxjh_sm_new.aspx", mc: "教材选用导入", img: "2", gnsm: "", funid: "",type:"2" }
                ]

            }
        },
        methods: {
            gomenu: function (item){
              if(item.type=='1'){
                 this.$root.addfuntab(item.funid);
              }
               if(item.type=='2'){
                  this.$root.addTab(item.url, item.mc, "", "");
                }
               if(item.type=='3'){
                      ComFunJS.winviewform(item.url,'教材修改记录')
                }
            }
        },
        mounted: function () {
            var pro = this;
            pro.$nextTick(function () {

            })

        }
    };
</script>